<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jstl/core"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:t="http://myfaces.apache.org/tomahawk">
    <f:loadBundle basename="messages" var="msgs"/>
    <body>
        <ui:composition template="/template.xhtml">
            <ui:define name="customs">
                <script type="text/javascript" src="js/autocomplete.js" language="javascript"/>
            </ui:define>
            <ui:define name="title">Buscar Resultados</ui:define>
            <ui:define name="main-content">
                <h:form id="docForm" name="docForm">
                    <hr/>
                    <table id="tabParameters" align="center" width="45%">
                        <tr>
                            <td colspan="2" class="smallsubtitle"><b>Ingrese cédula o JRV.  Si ingresa ambas, se buscara por JRV.</b></td>
                        </tr>
                        <tr>
                            <td colspan="2" class="smallsubtitle">* Escriba la CÉDULA COMPLETA, sin guiones ni espacios.</td>
                        </tr>
                        <tr class="smallredtext">
                            <td colspan="2" class="smallsubtitle">* Para la JRV, ingrese últimos 4 dígitos. </td>
                        </tr>
                        <tr>
                            <td colspan="2"><hr/></td>
                        </tr>
                        <tr align="left">
                            <td>Digite su cédula: </td>
                            <td>
                                <h:inputText value="#{searchElectorsBean.cedula}"/>
                            </td>
                        </tr>
                        <tr align="center">
                            <td colspan="2">o</td>
                        </tr>
                        <tr align="left">
                            <td>JRV: </td>
                            <td>
                                <h:inputText value="#{searchElectorsBean.codeJrv}"/>
                            </td>
                        </tr>
                    </table>
                    <table align="center">
                        <tr>
                            <td><h:commandButton title="Buscar" action="#{searchElectorsBean.execute}"  image="images/Search.png"/></td>
                            <td><h:commandButton title="Reiniciar búsqueda" action="#{searchElectorsBean.reset}" image="images/Redo.png"/></td>
                        </tr>
                    </table>
                    <table align="center">
                        <tr>
                            <td><h:commandButton title="Recomendar Sito" action="goto" image="images/Mail.png" onclick="window.open('http://www.vamosconeduardo.org/recomendar.php','Recomendar','height=200,width=400,status=yes,toolbar=no,menubar=no,location=no')"/></td>
                        </tr>
                    </table>
                    <br/>
                    <center><h:messages id="errorMessages" layout ="table" styleClass="messages"/></center> 
                    <br/>
                    <t:dataTable id="tbElectors" title="Ver resultados de mi JRV" align="center" value="#{searchElectorsBean.results}" var="elector" renderedIfEmpty="false"
                                 rows="1">
                        <t:column width="120">
                            <f:facet name="header">
                                Cédula
                            </f:facet>
                            <h:commandLink action="select" actionListener="#{searchElectorsBean.startup}" value="#{elector.cedula}">
                                <f:param id="id5" value="#{elector.jrv.id}"/>
                            </h:commandLink>
                        </t:column>
                        <t:column width="150">
                            <f:facet name="header">
                                Primer Nombre
                            </f:facet>
                            <h:commandLink action="select" actionListener="#{searchElectorsBean.startup}" value="#{elector.firstName}">
                                <f:param id="id0" value="#{elector.jrv.id}"/>
                            </h:commandLink>
                        </t:column>
                        <t:column width="150">
                            <f:facet name="header">
                                Segundo Nombre
                            </f:facet>
                            <h:commandLink action="select" actionListener="#{searchElectorsBean.startup}" value="#{elector.middleName}">
                                <f:param id="id1" value="#{elector.jrv.id}"/>
                            </h:commandLink>
                        </t:column>
                        <t:column width="150">
                            <f:facet name="header">
                                Primer Apellido
                            </f:facet>
                            <h:commandLink action="select" actionListener="#{searchElectorsBean.startup}" value="#{elector.lastName01}">
                                <f:param id="id2" value="#{elector.jrv.id}"/>
                            </h:commandLink>
                        </t:column>
                        <t:column width="150">
                            <f:facet name="header">
                                Segundo Apellido
                            </f:facet>
                            <h:commandLink action="select" actionListener="#{searchElectorsBean.startup}" value="#{elector.lastName02}">
                                <f:param id="id3" value="#{elector.jrv.id}"/>
                            </h:commandLink>
                        </t:column>
                        <t:column width="80">
                            <f:facet name="header">
                                JRV
                            </f:facet>
                            <h:commandLink action="select" actionListener="#{searchElectorsBean.startup}" value="#{elector.jrv.code}">
                                <f:param id="id4" value="#{elector.jrv.id}"/>
                            </h:commandLink>
                        </t:column>
                    </t:dataTable>
                    <br/>
                    <table width="100%" styleClass="tableStandar">
                        <tr>
                            <th>Resultados según Alianza PLI</th>
                            <th>Según CSE</th>
                        </tr>
                        <tr valign="top" width="100%">
                            <td width="75%" valign="top">
                                <t:dataTable id="tbResults" styleClass="tableStandar" width="100%" title="Resultados" valign="top" value="#{searchElectorsBean.resultsParalelo}" var="paralelo" renderedIfEmpty="false"
                                             rows="1" >
                                    <t:column width="15%">
                                        <f:facet name="header">
                                            Municipio/Distrito
                                        </f:facet>
                                        <h:outputText value="#{paralelo[2]}"/>
                                    </t:column>
                                    <t:column width="35%">
                                        <f:facet name="header">
                                            Centro
                                        </f:facet>
                                        <h:outputText value="#{paralelo[5]}"/>
                                    </t:column>
                                    <t:column width="10%">
                                        <f:facet name="header">
                                            JRV
                                        </f:facet>
                                        <h:outputText value="#{paralelo[8]}"/>
                                    </t:column>
                                    <t:column width="5%">
                                        <f:facet name="header">
                                            PLC
                                        </f:facet>
                                        <h:outputText value="#{paralelo[10]}"/>
                                    </t:column>
                                    <t:column width="5%">
                                        <f:facet name="header">
                                            FSLN
                                        </f:facet>
                                        <h:outputText value="#{paralelo[11]}"/>
                                    </t:column>
                                    <t:column width="5%">
                                        <f:facet name="header">
                                            APRE
                                        </f:facet>
                                        <h:outputText value="#{paralelo[12]}"/>
                                    </t:column>
                                    <t:column width="5%">
                                        <f:facet name="header">
                                            ALN
                                        </f:facet>
                                        <h:outputText value="#{paralelo[13]}"/>
                                    </t:column>
                                    <t:column width="5%">
                                        <f:facet name="header">
                                            APLI
                                        </f:facet>
                                        <h:outputText value="#{paralelo[14]}"/>
                                    </t:column>
                                    <t:column width="5%">
                                        <f:facet name="header">
                                            Total
                                        </f:facet>
                                        <h:outputText value="#{paralelo[16]}"/>
                                    </t:column>
                                    <t:column width="5%">
                                        <f:facet name="header">
                                            Nulos
                                        </f:facet>
                                        <h:outputText value="#{paralelo[15]}"/>
                                    </t:column>
                                    <t:column width="5%">
                                        <h:outputLink value="doc/#{paralelo[8]}" target="_blank">
                                            <f:verbatim>ACTA</f:verbatim>
                                        </h:outputLink>
                                    </t:column>
                                </t:dataTable>
                            </td>
                            <td width="25%" valign="top">
                                <t:dataTable id="tbResultsOficial" styleClass="tableStandar" width="100%" title="Resultados" align="center" value="#{searchElectorsBean.resultsOficial}" var="paralelo" renderedIfEmpty="false"
                                             rows="1">
                                    <t:column width="10%">
                                        <f:facet name="header">
                                            PLC
                                        </f:facet>
                                        <h:outputText value="#{paralelo[10]}"/>
                                    </t:column>
                                    <t:column width="10%">
                                        <f:facet name="header">
                                            FSLN
                                        </f:facet>
                                        <h:outputText value="#{paralelo[11]}"/>
                                    </t:column>
                                    <t:column width="10%">
                                        <f:facet name="header">
                                            APRE
                                        </f:facet>
                                        <h:outputText value="#{paralelo[12]}"/>
                                    </t:column>
                                    <t:column width="10%">
                                        <f:facet name="header">
                                            ALN
                                        </f:facet>
                                        <h:outputText value="#{paralelo[13]}"/>
                                    </t:column>
                                    <t:column width="10%">
                                        <f:facet name="header">
                                            APLI
                                        </f:facet>
                                        <h:outputText value="#{paralelo[14]}"/>
                                    </t:column>
                                    <t:column width="10%">
                                        <f:facet name="header">
                                            Total
                                        </f:facet>
                                        <h:outputText value="#{paralelo[16]}"/>
                                    </t:column>
                                    <t:column width="10%">
                                        <f:facet name="header">
                                            Nulos
                                        </f:facet>
                                        <h:outputText value="#{paralelo[15]}"/>
                                    </t:column>
                                    <t:column width="10%">
                                        <h:outputLink value="doc/#{paralelo[8]}" target="_blank">
                                            <f:verbatim>ACTA</f:verbatim>
                                        </h:outputLink>
                                    </t:column>
                                </t:dataTable>
                            </td>
                        </tr>
                    </table>
                </h:form>
            </ui:define>
            <ui:define name="news-content">
                <span class="smalltitle">Alerta!</span><br/><br/>
                <span class="smallredtext">- Denuncia cualquier anomalía que usted identifique en su JRV!</span><br/><br/>
                <span class="smallredtext">- Si su JRV no ha sido reportada por el CSE, su voto no está siendo tomado en cuenta!</span><br/><br/>
                <span class="smallredtext">- Si encuentra alguna acta, repórtela <a href="mailto:prensa@vamosconeduardo.org"> AQUI</a></span><br/>
            </ui:define>
        </ui:composition>
    </body>
</html>